<!DOCTYPE html>
<html xmlns:v-bind="http://www.w3.org/1999/xhtml">

	<head>
		<meta charset="utf-8" />
		<title>v-model</title>
		<script src="js/vuejs-2.5.16.js"></script>
	</head>

	<body>
		<div id="app">
			<font size="5" v-bind:color="cr1">Hello</font>
			<font size="5" :color="cr2">Vue</font>
		</div>
	</body>
	<script>
		//view model,插值表达式不能用于HTML标签的属性值，需要使用v-bind:可简略为:
		new Vue({
			el:"#app",
			data:{
				cr1:"red",
				cr2:"green"
			}
		})
	</script>

</html>